﻿body,
div,
header,
footer,
h1,
h2,
ul,
li,
section,
article,
a,
p,
div,
nav,
aside,
strong,
em {
  margin: 0;
  padding: 0;
  color: #123456;
}
section,
article,
footer,
nav,
aside {
  display: block;
}
html,
body,
div#wrapper {
  height: 100%;
}
body {
  background-color: #89ffb0;
  font-family: "Cambria", 'Times New Roman';
  font-size: 14px;
}
div#wrapper {
  position: relative;
  height: 100%;
}
div#wrapper header#site-header {
  background: #0c710d;
  /* Old browsers */

  background: -moz-linear-gradient(top, #0c710d 0%, #89ffb0 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0c710d), color-stop(100%, #89ffb0));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #0c710d 0%, #89ffb0 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #0c710d 0%, #89ffb0 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #0c710d 0%, #89ffb0 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #0c710d 0%, #89ffb0 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=0);
  /* IE6-9 */

  padding-top: 25px;
  padding-left: 25px;
  margin-bottom: 50px;
}
div#wrapper header#site-header h1 {
  color: #cbefdb;
  font-size: 2.7em;
}
div#wrapper header nav {
  font-family: 'Monotype Corsiva';
  font-size: 1.9em;
  padding-left: 15px;
}
div#wrapper header nav ul {
  list-style-type: none;
}
div#wrapper header nav ul li {
  display: inline-block;
  border: none;
  border-right: 1px solid black;
  padding: 5px;
}
div#wrapper header nav ul li:hover a {
  text-decoration: underline;
}
div#wrapper header nav ul li:last-of-type {
  border: none;
}
div#wrapper header nav ul li a {
  text-decoration: none;
  color: #123456;
}
div#wrapper aside {
  border: 1px solid black;
  border-radius: 10px;
  width: 140px;
  background: #89ffb0;
  /* Old browsers */

  background: -moz-linear-gradient(top, #89ffb0 0%, #edfff2 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #89ffb0), color-stop(100%, #edfff2));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #89ffb0 0%, #edfff2 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #89ffb0 0%, #edfff2 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #89ffb0 0%, #edfff2 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #89ffb0 0%, #edfff2 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=0);
  /* IE6-9 */

  padding: 5px;
}
div#wrapper aside h2 {
  text-align: center;
  font-size: 1.8em;
}
div#wrapper aside ul {
  margin-top: 15px;
  margin-left: 10px;
}
div#wrapper aside ul li a {
  text-decoration: none;
  color: #123456;
}
div#wrapper aside ul li a:hover {
  text-decoration: underline;
}
div#wrapper aside.left {
  float: left;
  margin-left: 35px;
}
div#wrapper aside.right {
  float: right;
  margin-right: 35px;
}
div#wrapper section {
  margin: 0 auto;
  width: 1200px;
  position: relative;
  display: block;
  zoom: 1;
}
div#wrapper section:after {
  display: block;
  content: "";
  height: 0;
}
div#wrapper section article header h1 {
  font-size: 1.7em;
}
div#wrapper section article div p {
  text-indent: 2em;
}
div#wrapper section article div ul {
  list-style-type: none;
}
div#wrapper section article div ul li {
  margin-top: 10px;
}
div#wrapper section article div ul li h2 {
  font-size: 1.3em;
  margin-left: 20px;
}
div#wrapper footer {
  display: block;
  position: absolute;
  height: 40px;
  margin: 0 auto;
  bottom: 0;
  text-align: center;
  width: 100%;
  background-color: #89ffb0;
}
div#wrapper footer h2 {
  text-align: center;
}
